<template>
  <view class="content">
    <HeightInput v-model:defStatus="defStatus" v-model:ws="ws" v-model:ms="ms"  v-if="defStatus === EnumHeight.STATUS" />
    <HeightResult v-model:defStatus="defStatus" :ms="ms" :ws="ws"  v-else/>
  </view>
  <Roast />
  <Recommend :top='98' />
  <ToDY />
</template>

<script setup lang="ts">
import HeightInput from "./components/HeightInput.vue";
import HeightResult from "./components/HeightResult.vue";
import {EnumHeight} from "./content";
import Roast from "@/components/Roast/Roast.vue";
import Recommend from "@/components/Recommend/Recommend.vue";
import ToDY from "@/components/ToDY/ToDY.vue";
const defStatus = ref(EnumHeight.STATUS)
const ws = ref(0)
const ms = ref(0)
</script>
<style>
page {
  width: 100%;
  height: 100%;
}
</style>
<style lang="scss" scoped>
.content{
    width: 100%;
    height: 100%;
}

</style>
